<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <script src="jquery-3.6.0.min.js"></script>
    <script>
$(document).ready(function () {
$("body").prepend('<div id="overlay" class="ui-widget-overlay" style="z-index: 999999; display: none;"></div>');  //背景透明图
$("body").prepend("<div id='PleaseWait' class='watiting-div' style='display: none;'></div>"); // loading.
});
$(".search-box button[type='submit']").click(function () {
        Loading();
});



function Loading() {
　　$("#overlay, #PleaseWait").show();
　　document.getElementById('PleaseWait').innerHTML = "<img src='waiting.gif'>Loading...";   // 解决在ie加载时gif图片freeze问题
　　return true;
}
    </script>
        <style>
       div#loading {
    width: 350px;
    height: 350px;
    display: none;
    background: url(waiting.gif) no-repeat;
    cursor: wait;
    }
    </style>

</head>
<body>
    <div id="loading"></div>
    <div id="content">
        <h3>Type anything:</h3>
        <p>
        <form action="." method="POST">
            <input type="text" name="anything" placeholder="Type anything here">
            <input type="submit" id="b1" name="anything_submit" value="Submit" onclick="loading()">
        </form>
        </p>
    </div>
</body>

</html>